// Copyright (c) 2016 Chef Software Inc. and/or applicable contributors
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

// Typography
$base-font-family: "Titillium Web", $helvetica;
$heading-font-family: "Montserrat Alternates", $verdana;
$monospace-font-family: "Source Code Pro", Menlo, Consolas, monospace;
$octicons-font-path: "/node_modules/octicons/octicons";

// Font Sizes
$base-font-size: 1em;
$monospace-font-size: rem(12);
$error-font: rem(14);

// Line height
$base-line-height: 1.5;
$heading-line-height: 1.2;

// Other Sizes
$base-border-radius: 7px;
$global-radius: $base-border-radius;
$base-spacing: rem(20);
$small-spacing: $base-spacing / 2;
$base-z-index: 0;
$header-height: 106px;
$header-height-mobile: 63px;

// Colors
$white: #FFF;
$off-white: #F8F9F9;
$black: #323330;
$blue: #1565c0;
$dark-gray: #5C6670;
$medium-gray: #C3C6C8;
$light-gray: #D8D8D8;
$white-slightly-transparent: rgba(255, 255, 255, 0.95);

// Habitat Brand Colors
$hab-white: #ffffff;
$hab-blue-light: #e9f1f7;
$hab-blue: #4296B4;
$hab-gray-light: #e9eaeb;
$hab-orange-dark: #f58151;
$hab-off-white: #f8f9f9;
$hab-gray: darken($medium-gray, 10);
$hab-gray-dark: $dark-gray;
$hab-orange: #FF9012;
$hab-blue-dark: #394b5a;
$hab-green: #87B09A;
$hab-green-dark: #699171;
$hab-green-light: #7da28e;
$hab-blue-medium: #dce6ed;
$hab-cta: $hab-green;
$hab-red: #EB6852;
$hab-yellow: #EBE269;
$hab-brown: #DEBFA5;

// Brand primary and secondary colors
$hab-primary: $hab-green;

// Transparent colors
$hab-gray-dark-15: rgba(125, 134, 140, .15);
$medium-gray-20: rgba($medium-gray, .2);
$medium-gray-40: rgba($medium-gray, .4);

// Notification colors
$notification-danger-color: $hab-red;
$notification-info-color: $hab-blue;
$notification-success-color: $hab-green;
$notification-warning-color: $hab-yellow;
$success-color: $hab-green;
$failure-color: $hab-red;
$queued-color: $hab-blue;

// Font Colors
$base-font-color: $dark-gray;
$action-color: $hab-green;
$hover-color: $hab-green-dark;

// Border
$base-border-color: $light-gray;
$base-border: 1px solid $base-border-color;

// Background Colors
$base-background-color: $off-white;
$secondary-background-color: tint($base-border-color, 75%);

// Forms
$form-box-shadow: inset 0 1px 3px rgba(#000, 0.06);
$form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3);
$form-box-shadow-focus-failure: $form-box-shadow, 0 0 5px adjust-color($failure-color, $lightness: -5%, $alpha: -0.3);
$form-box-shadow-focus-loading: $form-box-shadow, 0 0 5px adjust-color($light-gray, $lightness: -5%, $alpha: -0.3);
$form-box-shadow-focus-success: $form-box-shadow, 0 0 5px adjust-color($success-color, $lightness: -5%, $alpha: -0.3);

// Animations
$base-duration: 150ms;
$base-timing: ease;

@function hab-icon($n) {
  @return url("/node_modules/octicons/svg/" + $n + ".svg");
}
